---
import TweetContainer from './TweetContainer.astro'
import Skeleton from './Skeleton.astro'
import styles from './tweet-skeleton.module.css'
---

<TweetContainer className={styles.root}>
	<Skeleton style={{ height: '3rem', marginBottom: '0.75rem' }} />
	<Skeleton style={{ height: '6rem', margin: '0.5rem 0' }} />
	<div style={{ borderTop: 'var(--tweet-border)', margin: '0.5rem 0' }}></div>
	<Skeleton
		style={{
			height: '2rem'
		}}
	/>
	<Skeleton
		style={{
			height: '2rem',
			borderRadius: '9999px',
			marginTop: '0.5rem'
		}}
	/>
</TweetContainer>
